<template>
  <div class="login">
    <van-tabs v-model:active="active" animated>
      <van-tab title="登录">
        <LoginForm :type="1" />
      </van-tab>
      <van-tab title="注册">
        <LoginForm :type="2" />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script setup>
import LoginForm from './components/LoginForm.vue';
import { ref } from 'vue';
const active = ref(0);
</script>

<style lang="scss" scoped>
.login {
  margin-top: 50vw;
}
:deep(.van-tab__panel) {
  width: 100vw;
}
</style>
